<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=" UTF-8
    ">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link href="css/main.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <script>
        $(document).ready(function () {
            $('a').click(function () {
//            console.log($(this).next().toggle());
                $(this).next().toggle();
            })
        });
    </script>
</head>
<body style="width: 100%;margin:auto;">


<!--页面标题设置-->
<div class="main_header">
    <div style="width:30px;height: 30px;margin:10px;background-color: yellow;display: inline-block"><a href="index.jsp"><i
            class="fa fa-home fa-2x"></i></a></div>

    <span class="main_header_left">[555555]店铺收银中心</span>
</div>

<!-- 左边栏内容如下  -->
<div class="left_content">
    <nav id="menu">
        <ul class="nav ">
            <li><a href="#"><i class="fa fa-home normal"> </i>首页</a></li>
            <li><a href="#"><i class="fa fa-desktop normal"> </i>收银中心</a></li>
            <li><a href="#"><i class="fa fa-group normal"> </i>会员管理</a></li>
            <li><a href="#"><i class="fa fa-user normal"> </i>员工管理</a></li>
            <li><a href="#"><i class="fa fa-navicon normal"> </i>提成设置</a>
                <ul>
                    <li><i class="fa fa-caret-right"></i>项目提成设置</li>
                    <li><i class="fa fa-caret-right"></i>产品提成设置</li>
                    <li><i class="fa fa-caret-right"></i>开卡续费提成</li>
                    <li><i class="fa fa-caret-right"></i>次卡套餐提成</li>
                </ul>
            </li>
            <li><a href="#"><i class="fa fa-pencil-square normal"> </i>项目管理</a>
                <ul>
                    <li><i class="fa fa-caret-right"></i>项目管理</li>
                    <li><i class="fa fa-caret-right"></i>项目分类</li>
                </ul>
            </li>
            <li><a href="#"><i class="fa fa-bank normal"> </i>商品库存</a>
                <ul>
                    <li><i class="fa fa-caret-right"></i>商品列表</li>
                    <li><i class="fa fa-caret-right"></i>商品分类</li>
                    <li><i class="fa fa-caret-right"></i>商品单位</li>
                    <li><i class="fa fa-caret-right"></i>入库单据</li>
                    <li><i class="fa fa-caret-right"></i>出库单据</li>
                </ul>
            </li>
            <li><a href="#">次卡套餐</a></li>
            <li><a href="#">手牌房间</a></li>
            <li><a href="#">财务汇总</a></li>
            <li><a href="#">营业记录</a></li>
            <li><a href="#">店内收支</a></li>
            <li><a href="#">短信营销</a></li>
            <li><a href="#">系统设置</a></li>
        </ul>
    </nav>
</div>


<!--   右边大框 -->
<div class="right_content">
    <!--   右边第一个内容：导航条 -->
    <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#">商品管理</a></li>
        <li role="presentation"><a href="#">添加商品</a></li>
        <li role="presentation"><a href="#">商品分类</a></li>
    </ul>

    <!--   输入框 -->
    <div class="input-affair">
        <form>
            <span class="text">搜索:</span>

            <input name="search" style="width: 200px;" class="inp" placeholder="商品名称">

            <span class="text">分类:</span>
            <select name="tid" style="width: 120px;">
                <option value="0">请选择分类</option>
                <option value="2">洗发类</option>
                <option value="4">其他</option>
                <option value="5">洗吹剪</option>
            </select>
            <input value="搜索" type="submit" class="but">
        </form>
    </div>
    <!--   表单 -->
    <table class="tb">
        <tbody>
        <tr >
            <th colspan="12">
                <div class="title_info_i">
                    <i class="fa fa-bars"></i>
                </div>
                <span>商品列表</span>
            </th>
        </tr>
        <tr class="title">
            <th width="15%">商品名称</th>
            <th>分类</th>
            <th>当前库存</th>
            <th>安全库存</th>
            <th>销售价</th>
            <th>入库总数量</th>
            <th>进货价</th>
            <th>进货总价</th>
            <th>商品添加时间</th>
            <th>最后入库时间</th>
            <th width="20%">操作</th>
        </tr>


        </tbody>


    </table>
    <!--   页码 -->
    <div>


    </div>


</div>


</body>
</html>
